<!DOCTYPE html>
<meta charset="UTF-8">
<title>多列布局</title>  
<style>
body {
	-webkit-column-count: 3;
	-webkit-column-gap:3em;
	columns: 250px 3;
	cloumn-gap:3em;
	-webkit-column-rule:dashed 2px gray;
	column-rule:dashed 2px gray;
}

h1 {
color: #333333;	
background: #DCDCDC;	
padding: 5px 8px;	
font-size: 20px;	
text-align: center;	
padding: 12px;
}

h2 {	
font-size: 16px;	
text-align: center;
}

h3 {	
font-size: 14px;	
text-align: left;
}

p {	
color: #333333;	
font-size: 13px;
line-height: 180%;	
text-indent: 2em;
}

</style>
<body>
	<h1>多列布局的示</h1>
	<h2>高洛峰</h2>
	<p>这里是测试内容...</p>
	<p>测试内容在多列显示...</p>
	<p>看效果是不是三列中显示...</p>
	<h3>...</h3>
	<p>由于操作系统通...</p>
	<p>程序计数器存储...</p>
	<h3>1.2 虚拟机栈 ......</h3>
	<p>简单点说，虚拟....</p>

</body>
</html>
